#gDetail {
	min-height: 700px;
	a {
		transition: all .4s;
	}
	a:hover {
		color: #ff527d;
	}
	.spin {
		i{
			background: #ff527d;
		}
	}
	.layer {
		width: 1200px;
		margin: 0 auto;
		padding-bottom: 60px;
		.breadNav {
			padding: 18px 0;
		}
		.goods {
			padding-bottom: 50px;
			margin-bottom: 36px;
			border-bottom: 1px solid #eeeeee;
			overflow: hidden;

			.lf {
				width: 620px;
				float: left;

				.mediaWrap {
					width: 100%;
					height: 465px;
					box-shadow: 0 0 10px 0 hsla(0, 0%, 80%, .65);
					margin: 3px;
					border-radius: 10px;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: 50%;
					background-size: cover;

					video {
						width: 100%;
						height: 100%;
						background: #fff;
						border-radius: 10px;
						border: none;
					}
				}

				.videoList {
					width: 100%;
					height: 170px;
					margin-top: 30px;

					.videoItem {
						width: 160px;
						float: left;
						margin-right: 24px;
						position: relative;

						h3 {
							font-size: 14px;
							margin-top: 18px;
							margin-left: 6px;
						}

						.videoItemImage {
							height: 120px;
							border-radius: 10px;
							background-repeat: no-repeat;
							background-position: 50%;
							background-size: cover;
							overflow: hidden;
							cursor: pointer;
							box-shadow: 0 0 10px 0 hsla(0, 0%, 80%, .65);
						}
					}

					.videoItemActive {
						h3 {
							color: #ff527d;
						}
					}

					.videoItemActive:after {
						position: absolute;
						left: 0;
						top: 0;
						content: "正在播放";
						padding: 0 10px;
						line-height: 26px;
						color: #fff;
						background: #ff527d;
						font-size: 12px;
						text-align: center;
						border-radius: 10px 0 10px 0;
					}
				}
			}

			.md {
				float: left;
				width: 360px;
				margin-left: 40px;

				.goodsDetail {
					padding-bottom: 30px;
					border-bottom: 1px solid #eee;

					h2 {
						font-size: 22px;
					}

					h3 {
						color: #666;
						font-size: 18px;
						line-height: 28px;
					}

					.price {
						margin-top: 16px;

						.hprice {
							font-size: 24px;
							font-weight: 700;
							color: #ff527d;
							margin-left: 6px;
						}

						.marketprice {
							font-size: 14px;
							color: #999;
							text-decoration: line-through;
							margin-left: 14px;
						}
					}

					.spec {
						display: block;
						margin-top: 40px;
						font-size: 13px;
						color: #999;

						span {
							color: #333;
							margin-left: 16px;
							font-size: 14px;
						}
					}
				}

				.buy {
					padding-top: 30px;

					.count {
						user-select: none;

						span {
							display: inline-block;
							height: 36px;
							line-height: 36px;
							text-align: center;
							border: 1px solid #ccc;
							width: 50px;
							border-left: none;
							border-right: none;
							vertical-align: middle;
						}

						.btn {
							border: 1px solid #ccc;
							width: 36px;
							line-height: 31px;
							font-size: 22px;
							cursor: pointer;
						}

						.btn:hover {
							border-color: #ff527d;
							color: #ff527d;
						}
					}

					button {
						width: 170px;
						height: 40px;
						border-radius: 20px;
						font-size: 20px;
						margin-right: 20px;
						border: 1px solid #ff527d;
						background: #fff;
						color: #ff527d;
						margin-top: 40px;
						vertical-align: middle;
						cursor: pointer;
						transition: all .4s;
					}
					.disabled {
						background: #eee;
						color: #999;
						border: none;
						cursor: not-allowed;
					}
					.normal:hover {
						background: #ff527d;
						color: #fff;
					}

				}

				.collect {
					margin-top: 40px;
					font-size: 16px;
					cursor: pointer;
					transition: all .6s;

					span {
						margin-right: 8px;
						font-size: 20px;
					}

					.text {
						font-size: 14px;
					}
				}

				.collect:hover {
					color: #ff527d;
				}
			}

			.rt {
				float: right;
				border: 1px solid #eee;
				width: 156px;
				margin-top: 20px;
				padding: 20px 24px 22px;
				.baseInfo {
					text-align: center;
					border-bottom: 1px solid #eee;
					img {
						width: 40px;
						height: 40px;
						border-radius: 50%;
						margin: 0 auto;
					}
					p {
						margin-top: 6px;
						line-height: 30px;
					}
				}
				.dInfo {
					font-size: 12px;
					color: #666;
					margin-top: 10px;
					.item {
						line-height: 22px;
						.title {
							display: inline-block;
							width: 40px;
							text-align: justify;
							text-align-last: justify;
						}
						.num {
							margin-left: 16px;
						}
					}
				}
				.other {
					text-align: center;
					div {
						width: 100px;
						margin: 16px 0;
						line-height: 22px;
						color: #ff527d;
						border: 1px solid #ff527d;
						border-radius: 11px;
						font-size: 12px;
						text-align: center;
						cursor: pointer;
					}
					a {
						color: #999;
					}
					a:hover {
						color: #ff527d;
					}
				}
			}

		}
		.products {
			h3 {
				font-size: 22px;
				font-weight: bold;
			}
			div {
				color: #333;
				line-height: 24px;
				margin-top: 24px;
			}
		}
	}
}
